<script setup>

import {useRoute} from "vue-router";
import router from "@/router/index.js";

const route = useRoute()
</script>

<template>
    <el-menu
            background-color="#F8F8FF"
            text-color="#000000"
            active-text-color="#FF4500"
            :default-active="route.path"
            router>
        <el-menu-item index="/sup/home" default-active>管理员首页</el-menu-item>
        <el-sub-menu index="home">
            <template #title>用户首页</template>
            <el-menu-item index="/sup/notice">公告管理</el-menu-item>
            <el-menu-item index="/notice">轮播图管理</el-menu-item>
            <el-menu-item index="/notice">推送管理</el-menu-item>
            <el-menu-item index="/notice">活动管理</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="merchant">
            <template #title>商家管理</template>
            <el-menu-item index="/sup/merMes">商家列表</el-menu-item>
            <el-menu-item index="/sup/merApp">商家申请</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="his">
            <template #title>用户管理</template>
            <el-menu-item index="/sup/userMes">用户列表</el-menu-item>
            <el-menu-item index="/sup/userRes">预约列表</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="his">
            <template #title>管理剧本</template>
            <el-menu-item index="/register">剧本类型</el-menu-item>
            <el-menu-item index="/register">剧本列表</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="his">
            <template #title>消息管理</template>
            <el-menu-item index="/register">
                    评论列表
            </el-menu-item>
            <el-menu-item index="/zhenduan">留言表</el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>

<style scoped lang="scss">
.el-menu {
  height: 100%;
}
</style>